<template>
  <div>
    <div id="header">
      <h1><a href="dashboard.html">易ERP移动平台</a></h1>
    </div>
    <div id="user-nav" class="navbar navbar-inverse">
      <ul class="nav">
        <li  class="dropdown" id="profile-messages" ><a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle"><i class="icon icon-user"></i>  <span class="text">Welcome User</span><b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#"><i class="icon-user"></i> My Profile</a></li>
              <li class="divider"></li>
              <li><a href="#"><i class="icon-check"></i> My Tasks</a></li>
              <li class="divider"></li>
              <li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
            </ul>
        </li>
        <li class="dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">Messages</span> <span class="label label-important">5</span> <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a class="sAdd" title="" href="#"><i class="icon-plus"></i> new message</a></li>
        <li class="divider"></li>
        <li><a class="sInbox" title="" href="#"><i class="icon-envelope"></i> inbox</a></li>
        <li class="divider"></li>
        <li><a class="sOutbox" title="" href="#"><i class="icon-arrow-up"></i> outbox</a></li>
        <li class="divider"></li>
        <li><a class="sTrash" title="" href="#"><i class="icon-trash"></i> trash</a></li>
      </ul>
    </li>
    <li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">Settings</span></a></li>
    <li class=""><a title="" href="login.html"><i class="icon icon-share-alt"></i> <span class="text">Logout</span></a></li>
      </ul>
    </div>

    <!--sidebar-menu-->
<div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i></a>
  <ul>
    <li><router-link to="main">首页</router-link></li>
    <li class="submenu"> <a href="#"><i class="icon icon-th-list"></i> <span>白名单管理</span> <span class="label label-important">2</span></a>
      <ul>
        <li><a href="form-validation.html">白名单设置</a></li>
        <li><router-link to="push-notify-history">推送历史</router-link></li>
      </ul>
    </li>
    
    
    
  </ul>
</div>
<!--sidebar-menu-->

<!-- content -->
<div id="content">

   <router-view></router-view>
</div>

    <!-- <router-link to="main" class="btn">首页</router-link>
    <router-link to="push-notify-history" class="btn">推送历史</router-link> -->

   <!-- <button class="btn" ></button> -->
    
   
   
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Modal title</h4>
          </div>
          <div class="modal-body">
            ...
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import $ from 'jquery'
// import bootstrap from './assets/scripts/bootstrap.min.js'
import matrix from './assets/scripts/matrix.js'


export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  methods: {
    
  },
  created() {
    let $app = $('#app');
    
  }
}
</script>

<style>
@import './assets/css/bootstrap.css';
@import './assets/css/bootstrap-responsive.min.css';
/*@import './assets/css/fullcalendar.css';*/
@import './assets/css/matrix-style.css';
@import './assets/css/matrix-media.css';
/*@import './assets/css/font-awesome.css';*/

</style>
